<!---组件传值-->

<!---vue框架-->
<script src="vue.js"></script>
<!--界面显示-->
<div id="app">
    <!---自定义组件当中属性的名字要与自定义props后面的值对应-->
    <mcomponent name="tilts"></mcomponent>
</div>
<!---脚本声明-->
<script>
    //注释定义组件
    Vue.component('mcomponent',{
        data(){
        },
        //props当中设置的值，作为属性的名称
        props:['name'],
        template:'<p>我是自定义组件{{name}}</p>'
    });
    var vue=new Vue({
            el:'#app',
           
        });
</script>